<template>
  <div class="swiper-container">
    <!-- 轮播图 -->
    <Carousel></Carousel>
    <!-- 报道 -->
    <Report></Report>
    <div class="respon">
      <div class="content">
        <h1 style="font-size: 40px">社会责任</h1>
        <span style="font-size: 40px;color:#bccee3">RESPONSIBILITY </span>
        <p style="font-size:18px;margin:20px 0">秉持“希望社会因我们的存在而变得更加美好”的信念，积极响应党中央号召，主动履行社会责任，投身扶贫公益事业，累计投入超过100亿元，直接受益人数超过49万人次。</p>
        <el-button @click="to">公益理念</el-button>
        <el-button @click="to">国强公益基金会</el-button>
      </div>
    </div>
  </div>
</template>

<script>
import Carousel from './components/carousel.vue'
import Report from './components/report.vue'
export default {
  name: 'ProjectFrontIndex',
  components: {
    Carousel,
    Report
  },
  methods: {
    to () {
      location.href = 'http://www.baidu.com'
    }
  }
}
</script>

<style lang="scss" scoped>
.respon {
  width: 100vw;
  height: 660px;
  background-image: url("@/assets/slide/2-2.jpg");
  color: #fff;
  overflow: hidden;
  .content{
    width: 700px;
    margin-top: 200px;
    margin-left: 400px;
  }
}
</style>
